<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		
		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/common.css"/>
        <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css"/>
		<title>复旦大学EMBA</title>
	</head>
	<body class="grey">

        <div class="pop-bg">
            <div class="pop-box">
                <div class="pop-box-close"></div>
                <div class="pop-box-title">课程介绍</div>
                <div class="pop-box-content">
                    <h1>战略管理</h1>
                    <p>这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字。</p>
                </div>
            </div>
        </div>
		
        <div class="page">

            <div class="head-box flex">
                <img class="logo" src="img/logo_icon.png" alt="">
                <div class="head-box-btn flex">
                    <i class="iconfont icon-sousuo search"></i>
                    <i class="iconfont icon-caidan menu"></i>
                </div>
            </div>

            <div class="menu-nav-box">
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-shouye"></i>
                        <p>首页</p>
                    </div>
                </div>
                <div class="menu-nav-item onthis">
                    <div class="flex items-center">
                        <i class="iconfont icon-shenqing"></i>
                        <p>申请</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-kecheng"></i>
                        <p>课程</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-jiaoshi"></i>
                        <p>师资</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-renqun"></i>
                        <p>校友</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-gongwenbao"></i>
                        <p>活动</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-zixun"></i>
                        <p>资讯</p>
                    </div>
                </div>
            </div>

            <div class="banner"><img src="img/banner_class.jpg" width="100%" alt="" /></div>

            <div class="title-box flex items-center">
                <i class="iconfont icon-kecheng"></i>
                <span>课程</span>
            </div>
            <img class="class-title" src="img/required_title_img.png" width="100%" alt="" />
            <div class="content nobg">
                <div class="required-class-box">
                    <div class="required-class-box-title">战略·思维提升</div>
                    <div class="required-class strategy"></div>
                    <div class="required-class ME"></div>
                    <div class="required-class data-analysis"></div>
                    <div class="required-class china-economy"></div>
                    <div class="required-class business-communication"></div>
                </div>
                <div class="required-class-box leadership">
                    <div class="required-class-box-title">战略·领导力提升</div>
                    <div class="required-class leadership"></div>
                    <div class="required-class marketing"></div>
                    <div class="required-class financial"></div>
                    <div class="required-class information"></div>
                    <div class="required-class HR"></div>
                </div>
            </div>
            <img class="class-title" src="img/elective_title_img.png" width="100%" alt="" />
            <div class="content nobg">
                <div class="elective-box flex">
                    <div class="elective-box-item">
                        <div class="elective-box-item-icon"><i class="iconfont icon-Oval"></i></div>
                        <p>资本市场与<br />财富管理</p>
                    </div>
                    <div class="elective-box-item">
                        <div class="elective-box-item-icon"><i class="iconfont icon-chengchang"></i></div>
                        <p>变革创新与<br />企业成长</p>
                    </div>
                    <div class="elective-box-item">
                        <div class="elective-box-item-icon"><i class="iconfont icon-weixing"></i></div>
                        <p>前沿科技与<br />产业布局</p>
                    </div>
                    <div class="elective-box-item">
                        <div class="elective-box-item-icon"><i class="iconfont icon-yonghu"></i></div>
                        <p>人性智慧与<br />致胜之道</p>
                    </div>
                    <div class="elective-box-item">
                        <div class="elective-box-item-icon"><i class="iconfont icon-shuben"></i></div>
                        <p>商业伦理与<br />社会责任</p>
                    </div>
                    <div class="elective-box-item">
                        <div class="elective-box-item-icon"><i class="iconfont icon-guojihua"></i></div>
                        <p>国际视野与<br />全球实践</p>
                    </div>
                </div>
                <div class="class-events-box">
                    <div class="class-events-box-title flex items-center">
                        <img src="img/class_events_study_tour.png" alt="">
                        <p>问道东西  海外游学</p>
                    </div>
                    <div class="class-events-box-content">
                        <img class="class-events-into" src="img/class_events_study_tour_into.jpg" width="100%" alt="" />
                        <div class="class-events-past-box">
                            <div class="class-events-past-title flex items-center">
                                <i class="iconfont icon-rili"></i>
                                <p>往期活动</p>
                                <img src="img/three_bar.jpg" alt="" />
                            </div>
                            <div class="class-events-past-item flex items-center">
                                <img src="img/news_demo_img.jpg" alt="">
                                <div class="class-events-past-item-info">
                                    <h1>这里是文章标题，这里是文章标题可显示两行。这里是文章标题，这里是文章标题可显示两行。</h1>
                                    <p>2018年10月26日  10:00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="class-events-box">
                    <div class="class-events-box-title flex items-center mobile">
                        <img src="img/class_events_mobile_class.png" alt="">
                        <p>大道至简   移动课堂</p>
                    </div>
                    <div class="class-events-box-content">
                        <img class="class-events-into" src="img/class_events_mobile_class_into.jpg" width="100%" alt="" />
                        <div class="class-events-past-box">
                            <div class="class-events-past-title flex items-center">
                                <i class="iconfont icon-rili"></i>
                                <p>往期活动</p>
                                <img src="img/three_bar.jpg" alt="" />
                            </div>
                            <div class="class-events-past-item flex items-center">
                                <img src="img/news_demo_img1.jpg" alt="">
                                <div class="class-events-past-item-info">
                                    <h1>探究阳明心学，领悟知行合一｜绍兴移动课堂</h1>
                                    <p>2018年10月26日  10:00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="class-events-box">
                    <div class="class-events-box-title flex items-center humanity">
                        <img src="img/class_events_humanity.png" alt="">
                        <p>人文商道讲堂</p>
                    </div>
                    <div class="class-events-box-content">
                        <img class="class-events-into" src="img/class_events_humanity_into.jpg" width="100%" alt="" />
                        <div class="class-events-past-box">
                            <div class="class-events-past-title flex items-center">
                                <i class="iconfont icon-huodong"></i>
                                <p>近期活动</p>
                                <img src="img/three_bar.jpg" alt="" />
                            </div>
                            <div class="class-events-past-item flex items-center">
                                <img src="img/news_demo_img2.jpg" alt="">
                                <div class="class-events-past-item-info">
                                    <h1>曹启泰：恭喜我们有祸福参半的人生</h1>
                                    <p>2018年10月26日  10:00</p>
                                </div>
                                <button>立即报名></button>
                            </div>
                        </div>
                    </div>
                </div>

                <img id="taiwan" src="img/taiwan_emba_class.png" width="100%" alt="" />
            </div>

            <div class="float-box">
                <div class="float-box-item">
                    <i class="iconfont icon-kefu"></i>
                    <p>咨询</p>
                </div>
                <div class="float-box-item">
                    <i class="iconfont icon-baoming"></i>
                    <p>报名</p>
                </div>
                <div class="float-box-item">
                    <i class="iconfont icon-dianhua"></i>
                    <p>致电</p>
                </div>
            </div>

            <div class="bottom-box">
                <div class="bottom-add-box flex">
                    <div>
                        <i class="iconfont icon-dizhi"></i>
                        <p>上海市国顺路670号<br />管理学院史带楼708室</p>
                    </div>
                    <div>
                        <i class="iconfont icon-dianhua"></i>
                        <p>021-25011500</p>
                    </div>
                    <div>
                        <i class="iconfont icon-youjian"></i>
                        <p>emba@fudan.edu.cn</p>
                    </div>
                </div>
                <div class="bottom flex">
                    <div class="flex">
                        <img src="img/bottom_logo.png" alt="">
                        <p>Copyright2017©复旦大学管理学院<br />沪ICP备16018209号-1</p>
                    </div>
                </div>
            </div>

        </div>
		
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.menu').click(function (e) {
                $('.menu-nav-box').toggle();
            });

            $('.search').click(function (e) {
                window.location.href = 'search.html';
            });

            $('.class-events-box-title').click(function (e) {
                $(this).next('.class-events-box-content').slideToggle();
            });

            $('#taiwan').click(function (e) {
                window.location.href = 'class_taiwan.html';
            });

            $('.required-class').click(function (e) {
                $('.pop-bg').show();
                $('.pop-box').show();
            });

            $('.pop-box-close').click(function (e) {
                $('.pop-bg').hide();
                $('.pop-box').hide();
            });
        </script>
	</body>
</html>
